<template>
  <div>
    <div class="subject_right">
            <div class="subject_right_1">
            <img src="../assets/01.webp" />
            <p class="nr">{{ nr }}</p>
            <div class="sub_1">
            <p class="sub_1_1">
              <img src="../assets/01.webp" style="width: 20px; height: 20px ; border-radius: 50%;" alt="" />
              &nbsp;&nbsp;
              <span>{{ usme }}</span>
            </p>
              <p  class="sub_1_1">
                <van-icon name="like-o" style="font-size:18px;"/>
                <span>123213</span>
              </p>
            </div>
          </div>
        </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.subject_left_1{
    padding: 5px;
    /* background: firebrick; */

}
.nr{
    margin: 0 10px;
    font-size: 16px;
    margin-top: 2px;
}



.subject {
  height: 2000px;
  margin-top: 110px;
  padding-bottom: 50px;
  overflow: hidden;
}
/* 主体内容左 */
.subject_left {
  width: 186px;
  float: left;
  overflow: hidden;
  padding-left: 5px;
  /* background-color: aquamarine; */
}
.sub_1_1{
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.sub_1 {
  display: flex;
  justify-content: space-between;
  color: black;
  font-size: 2px;
}
</style>